<script setup>
import {goHousehol,} from "../../tools/go";
const list = [
  {id:1,img:'src/static/img/indeximg/kjfs/xiaoqubg.png',name:"添加户主信息",span:"个人信息查看"},
  {id:1,img:'src/static/img/indeximg/kjfs/xiaoqubg.png',name:"添加家庭成员信息",span:"家庭信息查看"}
]
//
</script>

<template>
  <view class="titli">
    <v-icon @click="goHousehol()" class="icon" icon="mdi-chevron-left"></v-icon>
    <h3>管理户籍信息</h3>
  </view>
<!--  -->
  <view class="nav">
    <ul>
      <li v-for="item in list" @click="antion(item.id)">
        <img :src="item.img">
        <view class="box">
          <h4>{{ item.name }}</h4>
          <text>{{ item.span }}</text>
        </view>
      </li>
    </ul>
  </view>
</template>

<style scoped lang="scss">
@import "../../static/css/title/index.css";
.nav{
  ul{
    li{
      img{
        width: 109px;
        height: 109px;
      }
      .box{
        text{
          color: #cacaca;

        }
        h4{
          font-size: 25px;
          font-weight: 500;
          margin: 9px 1px;
        }
        margin-left: 10px;
      }
      display: flex;
      align-items: center;
      width: 100%;
      padding: 12px;
      margin: 10px 0;
      border-radius: 12px;
      background: #FFFFFF;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    }
    display: flex;
    flex-direction: column;
  }
  width: 90%;
  margin: 20px auto;
}

.titli {
  background: #ffffff;
}

boyd {
  background: #ffffff;
}
</style>